<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Title</title>

<link href="static/css/zzsc.css" rel="stylesheet" type="text/css">

</head>
<body>

<div class="interface">
    <div class="cloud cloud1">
        <span></span>
    </div>
    <div class="cloud cloud2">
        <span></span>
    </div>
    <div class="cloud cloud3">
        <span></span>
    </div>
    <div class="thunder">
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
        <i class="module"></i>
    </div>
    <div class="moon"></div>
    <div class="content">
        <div class="day">Sexta-Feira</div>
        <div class="local">Rio de Janeiro - Brasil</div>
        <div class="temp">18<sup>C</sup></div>
    </div>
    <div class="rain rain1">
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
    </div>
    <div class="rain rain2">
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
    </div>
    <div class="rain rain3">
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
    </div>
    <div class="rain rain4">
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
        <i class="drop"></i>
    </div>
</div>

</body>
</html>